<template>
  <div class="son">
    <!-- 3.直接使用props的值 -->
    我是Son组件 {{ title }}
    <button @click="changeTitle">改变标题</button>
  </div>
</template>

<script>
export default {
  name: 'SonComponent',
  // 2.通过props来接受 property
  props: ['title'],
  methods:{
    changeTitle(){
      this.$emit('changeTitle','今天天气真不错')
    }
  }
}
</script>

<style scoped>
div {
  border: px solid #000;
  margin: 10px
}
</style>